<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>液态</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="liquid.js"></script>
		<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #EEE;
	overflow: hidden;
}

ul {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 240px;
	position: absolute;
	top: 50%;
	margin-top: -120px;
	padding-left: 8%;
	background: #FFF;
}

li {
	width: 22%;
	float: left;
}

#about {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	position: absolute;
	top: 50%;
	padding: 0;
	margin: 132px auto auto auto;
	left: 50%;
	margin-left: -160px;
}
</style>
		<script type="text/javascript"> 
        onloads = function(){
            var li = document.getElementsByTagName("li"),
                bottom = li[0],
                top = li[1],
                right = li[2],
                left = li[3]
            ;
            Liquid({
                scale:2000,
                src:"firefox.jpg",
                target:bottom,
                direction:"bottom",
                callback:function(config){
                    config.target = top;
                    config.direction = "top";
                    config.callback = function(){
                        config.target = right;
                        config.direction = "right";
                        config.callback = function(){
                            config.target = left;
                            config.direction = "left";
                            delete config.callback;
                            Liquid(config);
                        };
                        Liquid(config);
                    };
                    Liquid(config);
                }
            });
        };
        </script>
	</head>

	<body onload="onloads();">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div id="about">
			<strong>Liquid FX</strong> by Andrea Giammarchi @
			<a href="http://webreflection.blogspot.com/">WebReflection</a> -
			<strong><a href="vaio.html">DEMO No. 2</a>
			</strong>
		</div>
	</body>
</html>
